<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache">
    <meta http-equiv="Cache" content="no-cache">
    <title>智能进出口服务平台</title>
    <link rel="shortcut icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="/layui/css/layui.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css?v=202001010101" />
    <link rel="stylesheet" type="text/css" href="/css/jquery-ui.css?v=202001010101">
    <link rel="stylesheet" type="text/css" href="/css/style.css?v=202001010101">
    <style type="text/css">
        .layui-table[lay-size=sm] tbody td{padding: 0px;}
        .layui-table[lay-size=sm] tbody td input{border: 0px;}
        .layui-card-body .layui-table{margin: 0px;}
        .tabBody{overflow-y: auto;max-height: 310px;}
        .layui-form-radio{margin: 0px;}
    </style>
</head>
<body>
<div class="tsf-page-content" style="padding: 0px;">
    <div class="layui-card">
        <div class="layui-card-body">
            <div class="layui-btn-group">
                <button type="button" class="layui-btn layui-btn-sm layui-btn-normal save-btn" onclick="selectAndSaveDeliveryNoteMembers(false)"><i class="fa fa-save"></i>保存</button>
                <button type="button" class="layui-btn layui-btn-primary layui-btn-sm close-window"><i class="fa fa-close"></i>关闭</button>
            </div>
        </div>
        <form class="layui-form" method="post" lay-filter="mainForm" id="mainForm">
            <input type="hidden" name="id" id="id"/>
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>基础信息</span></div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>派送单号</label>
                        <div class="layui-input-block">
                            <input name="docNo" id="docNo" class="layui-input required" maxlength="20" placeholder="派送单号" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>派送日期</label>
                        <div class="layui-input-block">
                            <input type="text" name="deliveryDate" id="deliveryDate" class="layui-input picker-time required" placeholder="出库日期" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md4">
                        <label class="layui-form-label"><span class="text-danger">*</span>客户</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="customerId" id="customerId"/>
                            <input name="customerName" id="customerName" class="layui-input auto-customer required" placeholder="客户" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md3">
                        <label class="layui-form-label">发货单位</label>
                        <div class="layui-input-block">
                            <input name="consignor" id="consignor" class="layui-input" maxlength="100" placeholder="发货单位" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">发货地址</label>
                        <div class="layui-input-block">
                            <input name="consignorAddress" id="consignorAddress" class="layui-input" maxlength="255" placeholder="发货地址" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">发货联系人</label>
                        <div class="layui-input-block">
                            <input name="consignorLinkMan" id="consignorLinkMan" class="layui-input" maxlength="64" placeholder="发货联系人" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">发货联系电话</label>
                        <div class="layui-input-block">
                            <input name="consignorLinkTel" id="consignorLinkTel" class="layui-input" maxlength="64" placeholder="发货联系电话" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md8">
                        <label class="layui-form-label">收货信息</label>
                        <div class="layui-input-block">
                            <div class="layui-input-range" style="margin-bottom: 8px;">
                                <a class="layui-btn layui-btn-xs layui-btn-normal" href="javascript:" id="maintainInformation"><i class="fa fa-retweet"></i>维护送货信息</a>
                                <a class="layui-btn layui-btn-xs" href="javascript:" onclick="takeInformation()"><i class="fa fa-refresh"></i>刷新送货信息</a>
                                <div class="range-list" id="takeInformations"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md3">
                        <label class="layui-form-label">入仓号</label>
                        <div class="layui-input-block">
                            <input name="receivingNo" id="receivingNo" class="layui-input" maxlength="64" placeholder="入仓号" clear-val/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">收货仓库</label>
                        <div class="layui-input-block">
                            <input name="receivingWarehouse" id="receivingWarehouse" class="layui-input" maxlength="100" placeholder="收货仓库" clear-val/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md3">
                        <label class="layui-form-label">收货单位</label>
                        <div class="layui-input-block">
                            <input name="consignee" id="consignee" class="layui-input" maxlength="100" placeholder="收货单位" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">收货地址</label>
                        <div class="layui-input-block">
                            <input name="consigneeAddress" id="consigneeAddress" class="layui-input" maxlength="255" placeholder="收货地址" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">收货联系人</label>
                        <div class="layui-input-block">
                            <input name="consigneeLinkMan" id="consigneeLinkMan" class="layui-input" maxlength="64" placeholder="收货联系人" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md3">
                        <label class="layui-form-label">收货联系电话</label>
                        <div class="layui-input-block">
                            <input name="consigneeLinkTel" id="consigneeLinkTel" class="layui-input" maxlength="64" placeholder="收货联系电话" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12">
                        <label class="layui-form-label">备注</label>
                        <div class="layui-input-block">
                            <textarea placeholder="备注" id="remark" name="remark" class="layui-textarea"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </form>

        <form class="layui-form" method="post" lay-filter="memberForm" id="memberForm">
            <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-list"></i>明细信息</span></div>
            <div class="layui-card-body">
                <blockquote class="layui-elem-quote">
                    <button type="button" class="layui-btn layui-btn-sm layui-btn-danger delete-btn" onclick="deleteMembers()"><i class="fa fa-remove"></i>删除</button>
                    <button type="button" class="layui-btn layui-btn-xs layui-btn-normal" onclick="selectAndSaveDeliveryNoteMembers(true)"><i class="layui-icon layui-icon-ok"></i>点击选择派送明细</button>
                </blockquote>
                <table class="layui-hide" id="deliveryMemberTable"></table>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript" src="/js/jquery.min.js?v=202001010101"></script>
<script type="text/javascript" src="/layui/layui.js?v=202001010101"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js?v=202001010101"></script>
<script type="text/javascript" src="/My97DatePicker/WdatePicker.js?v=202001010101"></script>
<script type="text/javascript" src="/js/app.js?v=202006010928"></script>
<script type="text/javascript" src="/js/sel-load.js?v=202001010101"></script>
<script type="text/javascript" src="/js/autocomplete.js?v=202001010101"></script>
<script type="text/javascript" src="/logistics/overseasDeliveryNote/page.js?v=202001010112"></script>
</body>
</html>